@import '~antd/es/style/themes/default.less';

html,
body,
#root {
  height: 100%;
  overflow-y: hidden;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

.ant-pro-top-nav-header-logo img{
  height: 35px;
}
.ant-pro-top-nav-header-logo{
  width: 380px !important;
}
.ant-pro-basicLayout-content{
  margin: 0;
}

@primaryColor: #00b062;
.ant-menu-dark, .ant-menu-dark .ant-menu-sub,
.ant-layout-header{
  background: @primaryColor;
  // background: #fff;
}
.ant-menu-dark .ant-menu-sub{
  background: #fff!important;
  color: @primaryColor;
}

a,
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a{
  color: #fff;
}
// .ant-menu.ant-menu-submenu.ant-menu-vertical a{
//   color: #00b062;
// }

.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected {
  color: #fff!important;
  // background-color: #03a15a;
  border-color: #fff;
  // border-top: 2px solid transparent;
}
.ant-menu.ant-menu-dark{
  border-top: 2px solid transparent;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,.ant-menu-dark .ant-menu-item-active, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected{
  border-top: 2px solid #fff;
  background: transparent;
}

.ant-menu-item .ant-menu-item-active, .ant-menu-item:hover{
  background: #fff;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu{
  border-color: #fff;
}
.ant-menu-item{
  position: relative;
}
.ant-menu-dark .ant-menu-item-selected::after{
  border-right: 1px dashed #fff;
}
.top-nav-menu>.ant-menu-item:nth-child(6)::after,.ant-menu-submenu.ant-menu-submenu-horizontal::after{ 
  content: "";
  width: 0;
  height: 10px;
  border-right: 1px dashed #fff;
  position: absolute;
  top: 27px;
  left: 0;
}
.ant-menu-submenu.ant-menu-submenu-horizontal:last-child::after{ 
  content: "";
  display: none;
}
.ant-menu-item a span{ 
  display: block;
}

.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item a,.ant-menu-sub .ant-menu-submenu .ant-menu-submenu-title,.ant-menu-sub .ant-menu-submenu .ant-menu-submenu-title a{
  // background: #fff;
  color: #333;
}
.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item.ant-menu-item-active,.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item-selected{
  border: 0;
  background: #4CAF76;
  color: #fff;
}
.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item.ant-menu-item-active a, .ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item-selected a{
  color: #fff;
}
.ant-menu-submenu-popup .ant-menu-submenu-open .ant-menu-submenu-title{
  color: #fff;
  background: #4CAF76;
}

.checkboxStyle{
  span{
      span{
          width: 15px;
          height: 15px;
          background: url(./assets/view.png) center center no-repeat;
          background-size: 15px;
          border: 0;
      }
      &.ant-checkbox-checked{
        &::after{
          border: 0;
        }
          
          span{
              width: 15px;
              height: 15px;
              background: url(./assets/view_active.png) center center no-repeat;
              background-size: 15px;
              border: 0;
              &::after{
                display: none;
                border: 0;
              }
          }
      }
  }
}

.submenusStyle{
    .ant-menu-submenu-title{
      height: 30px;
      line-height: 30px;
    }
    &.ant-menu-submenu-selected{
      .ant-menu-submenu-title{
        background: #4CAF76;
        color: #fff;
      }
    }
    .ant-menu-item{
        height: 30px!important;
        margin-bottom: 0!important;
        line-height: 30px!important;
        span{
          font-size: 12px;
        }
    }
}